<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      const obj = { name: "jack", age: 18 };
      for (const key in obj) {
        // console.log(key) //属性名
        console.log(obj[key]); // 属性值 方括号，key是一个变量
        // console.log(obj.key)//undefined
      }
      // obj["key"] ===obj.key 这两个是一样的 key表示属性名
      // obj[key] ==> key表示一个变量

      //  Object.keys(obj) 静态方法
      // 返回一个对象的所有属性名，得到一个数组
      const res = Object.keys(obj);
      console.log(res);

      //  Object.values(obj);
      // 返回一个对象的所有属性名，得到的也是一个数组
      const res2 = Object.values(obj);
      console.log(res2);
    </script>
  </body>
</html>
